import { useState } from "react";

import Father from "./Father";
import Child from "./Child";

import CountContext from "./context/CountContext";

function App() {
  const [count, setCount] = useState(0);

  /*
    context 通信
      场景：适用于祖孙组件通信
  */

  return (
    // Context 上有一个属性 Provider，它是一个组件
    // 给包裹的后代组件传递数据
    // 通过value属性绑定传递的数据
    <>
      <CountContext.Provider
        value={{
          count: 0,
        }}
      >
        <p>App</p>
        <Father />
      </CountContext.Provider>

      <Child />
    </>
  );
}

export default App;
